/** Base directory of images **/
@base-dir: "../images";

/** Header logo **/
@header_logo: "icon-byuh-logo.png";

/** Background image **/
@background: "clouds.jpg";

/** Color codes (activity game board)**/
@green: #88F362;
@blue: #60CEF1;
@orange: #F2C061;
@red: #EC5B74;
@yellow: #D2F564;

/** Color codes (other) **/
@light-blue: #CFF2F2;
@lighter-blue: #E3F9F8;
@blue: #2B93AD;
@darker-blue: #84C4FF;
@gold: #EFB820;
@brown-gold: #8E6B23;
@black: #222222;
@white-gray: #f8f8ff;
@dark-green: #2e8b57;
@white: #000;

/** Background Misc Cover **/
.back-cover(@cover: cover) {
    background-size: @cover;
    -webkit-background-size: @cover;
    -moz-background-size: @cover;
    -o-background-size: @cover;
}

/** Background image/background **/
.back-image(@locale: none) {
  background: url("@{base-dir}/@{locale}") no-repeat center fixed;
  .back-cover;
}

/** UH Logo image/background **/
.logo-image(@locale: none) {
  background: url("@{base-dir}/@{locale}") top left no-repeat;
  display: block;
  margin: 0 auto;
}

/** Linear Gradients **/
.linear-gradients(@style: top, @color1: color1, @color2: color2) {
  background-image:-linear-gradient(@arguments);
  background-image:-moz-linear-gradient(@arguments);
  background-image:-ms-linear-gradient(@arguments);
  background-image:-webkit-gradient(@arguments);
  background-image:-o-linear-gradient(@arguments);
}

/** Shadows **/
.shadow(@left: 3px, @top: 3px, @blur: 8px, @color: @white) {
  box-shadow: @arguments;
  -moz-box-shadow: @arguments;
  -webkit-box-shadow: @arguments;
}

/** Feedback Links color and hover**/
.feedback_link(@color: @black) {
  color: @color;
    &:hover {
    text-decoration: underline;}
}

/** Menu Color and Hover **/
.menu_colors(@color: @black, @back_color: @blue, @hover_color: @light-blue) {
  color: @color;    
     &:hover {
        background-color: @back_color;
        color: @hover_color;}
}
// *************************************************
// CSS code.
// *************************************************
 
/** newsfeed alternating color **/
.alt-row {
    background: @lighter-blue;
}

/* set the UH logo */
.brand img {
    .logo-image("@{header_logo}"); 
}

.btn-navbar {
    background-color: fadeout(@blue, 60%);
    .linear-gradients(top, fadeout(@blue, 60%), fadeout(@blue, 60%));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='fadeout(@blue, 60%)',
        endColorstr='fadeout(@blue, 60%)', GradientType=0 );
    border-color: @blue @blue #000000;
}

.btn-navbar:hover,.btn-navbar:active,.btn-navbar.active,.btn-navbar.disabled,.btn-navbar[disabled]
    {
    background-color: @blue;
}

/** Container Styles **/
.container,.container-top,.container-bottom {
    background: transparent;
}

/** Box Styles **/
.content-box {
    background-color: white;
    .shadow;
    
}

.content-box-title {
    background-color: blue;
    background-image: -moz-linear-gradient(100% 50% 90deg, #0DE6DE, #3B6BFA);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#3B6BFA),
        to(#0DE6DE) );
    border-bottom: 1px solid #000;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial,
        Helvetica, sans-serif;
    font-weight: normal;
}


.navbar .brand {
    color: @black;
}

.navbar .nav>li>a {
    color: @black;
}

.navbar .nav>li>a:hover {
    color: @gold;
}

.navbar .nav .active>a,.navbar .nav .active>a:hover {
    color: @brown-gold;
}

.navbar-inner {
    background-color: rgba(255, 255, 255, 0.7);
    /*  background: rgba(0,0,156, .45); */
    /*  background-image: -moz-linear-gradient(100% 50% 90deg, rgba(224, 255, 255, .45), */
    /*      rgba(79, 148, 205, .5) ); */
    /*  background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(224, 255, 255, .45) */
    /*      ), to(rgba(79, 148, 205, .5) ) ); */
}

@media ( max-width : 979px) {
    .navbar .nav>li>a,.navbar .dropdown-menu a {
        color: @white-gray;
    }
    .navbar .nav>li>a:hover,.navbar .dropdown-menu a:hover {
        background-color: @dark-green;
    }
}

/** activities **/
#activity-events-content th,#activity-scoreboard-content th {
    background-color: @light-blue;
}

/** Smart Grid **/
.grid-title {
    background-color: @darker-blue;
}

.smartGridTable, .smartGridTable a {
	color: @black;
}

#activity-category .get-started,#activity-category .basic-energy,#activity-category .lights-out,#activity-category .make-watts,#activity-category .moving-on,#activity-category .opala,#activity-category .wet-wild,#activity-category .potpourri
    {
    background-color: @darker-blue;
}

.grid-title a, .event a, .commitment a, .activity a, .excursion a {
	color: @black;
}

#energy-status-how-activities-table th {
    background: @light-blue;
}

#header-logout a {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial,
        Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
}

/** prizes **/
#prizes-list-table-header,#prizes-list-table-awarded-header,#prizes-list-table-criteria-header
    {
    background: white;
}

/** profile **/
#profile-badges-content h5,#profile-history-content h5 {
    background-color: white;
}

#profile-form-table td.profile-section-header {
    background-color: @light-blue;
}

/** Quest bar **/
#quest-box {
      background-image: -moz-linear-gradient(100% 50% 90deg, #0DE6DE, #3B6BFA);
      background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#3B6BFA), to(#0DE6DE) );
    .shadow;
    color: @black;
}

#quest-box h4 {
    color: @black;
}

#quest-list {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial,
        Helvetica, sans-serif;
}

#quest-list li a {
    color: @black;
    font-size: 14px;
}

/* set the UH logo */
.brand img {
    .logo-image("@{header_logo}"); 
}

body {
    .back-image("@{background}");
}

/** energy title backgrounds **/
fieldset {
    background: @lighter-blue;
}

table#profile-form-table {
    background-color: white;
}

/** news widget top backgrounds **/
th {
    background: @light-blue;
}

/** Activities Game Board **/
.event,.event-legend {
    background-color: @yellow;
}

.excursion,.excursion-legend {
    background-color: @red;
}

.survey,.survey-legend {
    background-color: @orange;
}

.commitment,.commitment-legend {
    background-color: @blue;
}

.activity,.activity-legend {
    background-color: @green;
}

/** Nav bar text links **/
.navbar .nav > li > a, .navbar .dropdown-menu a {
.menu_colors;
}

.navbar .nav .active > a, .navbar .nav .active > a:hover {
    color: @blue;
}

/** Feedback link **/
#feedback-logout a {
  .feedback_link;
}

/** Text boxes for input **/
input, textarea, select, .uneditable-input {
  width: auto;
  height: auto;
}